<#include "/WEB-INF/template/common/macro/base.ftl"/>
<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0.2
Version: 1.5.4
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="${CONTEXT_PATH}/plugin/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="${CONTEXT_PATH}/plugin/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/themes/default.css" rel="stylesheet" type="text/css"
          id="style_color"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/pages/lock.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico"/>
<#--title 设置-->
<@main_title/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body>
<div class="page-lock">
    <div class="page-logo">
        <a class="brand" href="index.html">
        <#--<img src="${CONTEXT_PATH}/plugin/assets/img/logo-big.png" alt="logo" />-->
        </a>
    </div>
    <div class="page-body">[${h_user_img}]
    <#if h_user_img == "null">
        <img alt="" src="${CONTEXT_PATH}/plugin/assets/img/avatar.png" class="page-lock-img"/>
    <#else>
        <img alt="" src="${CONTEXT_PATH}${h_user_img}" class="page-lock-img"/>
    </#if>
        <div class="page-lock-info">
            <h1>${m.name}</h1>
            <span class="email">Tel:${m.tel}</span>
            <span class="email">Email:${m.email}</span>
            <span class="locked">Locked</span>

            <form class="form-inline" action="${CONTEXT_PATH}/login/unlock">
                <input type="hidden" name="username" value="${m.name}"/>

                <div class="input-group input-medium">
                    <input type="password" name="password" class="form-control" placeholder="Password">
						<span class="input-group-btn">        
						<button type="submit" class="btn blue icn-only"><i
                                class="m-icon-swapright m-icon-white"></i></button>
						</span>
                </div>
                <!-- /input-group -->
                <div class="relogin">
                    <a href="${CONTEXT_PATH}/login">Not [${m.name}] Account ?</a>
                </div>
            </form>
        </div>
    </div>
    <div class="page-footer text-center">
    ${h_system_main_footer}
    </div>
</div>
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/respond.min.js"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="${CONTEXT_PATH}/plugin/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/jquery-migrate-1.2.1.min.js"
        type="text/javascript"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/plugin/assets/plugins/uniform/jquery.uniform.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="${CONTEXT_PATH}/plugin/assets/plugins/backstretch/jquery.backstretch.min.js"
        type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<script src="${CONTEXT_PATH}/plugin/assets/scripts/app.js"></script>
<script src="${CONTEXT_PATH}/plugin/assets/scripts/lock.js"></script>
<script>
    jQuery(document).ready(function () {
        Lock.init("${CONTEXT_PATH}");
    });
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>